<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .p1 {
            color: #f00;
            font-size: 20px;
            text-decoration: underline;
        }

        .bg {
            background-color: gold;
        }
    </style>
</head>
<body>
<div id="app">

    <form action="">
        <div>
            用户名：<input type="text" v-model="username">
        </div>
        <div>
            密码：<input type="password" v-model="pwd">
        </div>

    </form>

</div>
</body>
<script src="./lib/vue.js"></script>
<script type="text/javascript">

    var vm = new Vue({
        el: '#app',

        data: {
            username: '初始值',
            pwd: '',

            title: 'hi vuejs!',
            info: '<h2> 我今天学习了 vuejs</h2>',
            imgLogoUrl: 'https://www.baidu.com/img/PCfb_5bf082d29588c07f842ccde3f97243ea.png',
            p1ClassNameArr: ['p1', 'bg'],
            styleStrObj: {'font-size': '40px', 'color': '#f00'},
            styleObj: {'p1': true, 'bg': true},
            isStatus: true,


        }
    });


</script>

</html>
